// -------------------------------- 切换两个盒子 --------------------------------
$('.box a').on('click', function () {
    $(this).parents('.box').hide().siblings().show();
})

// -------------------------------- 表单验证 --------------------------------
// 验证username 不能为空 长度 2~10位
// 验证password 不能为空 长度 6~15位
function test() {
    return {
        fields: {
            username: { // 这里username是 input 的name属性值，表示对这个输入框进行验证
                validators: {
                    notEmpty: {   //不能为空
                        message: '用户名不能为空.'
                    },
                    stringLength: {   //检测长度
                        min: 2,
                        max: 15,
                        message: '用户名需要2~15个字符'
                    }
                }
            },
            password: {
                validators: {
                    notEmpty: {
                        message: '密码不能为空'
                    },
                    stringLength: {   //检测长度
                        min: 6,
                        max: 15,
                        message: '密码需要6~15个字符'
                    }
                }
            }
        }
    }
}



// -------------------------------- 注册功能 --------------------------------
// 前端：按照端口要求，提交 username 和 password
$('.register form').bootstrapValidator(test()).on('success.form.bv', function (e) {
    let data = $(this).serialize();
    axios.post('/api/register', data).then(resilt => {
        // console.log(result.data);//真正的，服务器响应的结果 {code：0，message:"注册成功"}
        if (resilt.data.code === 0) {// 注册成功
            toastr.success(resilt.data.message); // 提示
            $('.login').show().siblings().hide(); // 显示登录的盒子
            $('.register input').val()// 清空输入框
        }
    });
    e.preventDefault();
})


// -------------------------------- 登录功能 --------------------------------
// 前端：按照端口要求，提交 username 和 password
$('.login form').bootstrapValidator(test()).on('success.form.bv', function (e) {
    let data = $(this).serialize();
    axios.post('/api/login', data).then(({ data: res }) => {
        if (res.code === 0) {
            // console.log(res); // 查看token值
            // 10小时重置一次
            // token:"Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6NDI0MiwiaWF0IjoxNjQwODU0NTk1LCJleHAiOjE2NDA4OTA1OTV9.rs9azCs9EoMZ35zvhGwBEsjihas5ZZhIMP-20dPYlZg"
            // 登录成功，存储token
            localStorage.setItem('token', res.token)
            location.href = './index.html' // 登录成功，跳转到 index.html :路径看两个html文件的关系
        }
    })

    e.preventDefault();
})